import { Modal } from "antd"
import styled from "styled-components"

export const ModalStyle = styled(Modal)`
	.ant-modal-footer {
		display: flex;
		justify-content: center;
	}

	.add-dialog-tips {
		display: flex;
		width: 100%;
		justify-content: flex-end;

		.required-text {
			color: red;
			margin-right: 5px;
		}
	}

	.ant-modal-title {
		font-weight: 700;
		font-size: 22px;
		text-align: center;
	}

	.ant-checkbox-group {
		.ant-checkbox-wrapper {
			p {
				display: inline-block;
			}
		}
	}
`

export const BreakLine = styled.div`
	width: calc(100% + 48px);
	height: 1px;
	background-color: #d9d9d9;
	transform: translateX(-24px);
	margin-bottom: 20px;
`
